<!-- 1-я колонка -->
<div class="col-sm-4">
	<h1>Нераспределенные задачи</h1>
	<div class="button-group">
		<?php echo CHtml::button(
			'Добавить задачу', 
			array(
				'class' => 'btn btn-default', 
				'data-bind' => 'click:addIssue'
			));
		?>
	</div>
	<!-- Список нераспределенных задач -->
	<ul class="list-group" data-bind="
		sortable: { 
			template: 'issueInline', 
			data: unscheduledIssues, 
			afterMove: onDropCallback
		}, 
		css: {
			empty: unscheduledIssues().length == 0
		}
	"></ul>
	<!-- Список отклоненных задач -->
	<div class="panel panel-primary panel-trash">
		<div class="panel-heading ">
			<h3 class="panel-title">
				<span class="glyphicon glyphicon-trash"></span>
				<span>Отклоненные задачи</span>
			</h3>
			<small class="chunk-issues" data-bind="text:trashIssuesInfo"></small>
		</div>
		<ul class="list-group" data-bind="
			sortable: { 
				template: 'issueInline', 
				data: trashIssues, 
				afterMove: $root.onDropToTrashCallback
			}, 
			css: {
				empty: trashIssues().length == 0
			}
		"></ul>
	</div>
</div>
<!-- 2-я колонка -->
<div class="col-sm-4">
	<h1>Задачи по этапам</h1>
	<div class="button-group">
		<?php echo CHtml::button(
			'Добавить этап',
			array(
				'class' => 'btn btn-default', 
				'data-bind' => 'click:addChunk'
			));
		?>
	</div>
	<!-- Выводим массив этапов -->
	<!-- ko foreach: all.chunks -->
		<div class="panel panel-primary panel-chunk">
			<div class="panel-heading ">
				<div class="col-sm-10">
					<!-- Заголовок этапа -->
					<h3 class="panel-title edit-chunk-link">
						<span data-bind="text: name"></span>
						<span class="glyphicon glyphicon-pencil" data-bind="click:$root.editChunk"></span>
					</h3>
					<small class="chunk-issues" data-bind="text: info"></small>
				</div>
				<div class="col-sm-2 right-aligned">
					<!-- Кнопка удаления этапа -->
					<span class="glyphicon glyphicon-remove" data-bind='click:$root.deleteChunk' title='Удалить'></span>
				</div>
			</div>
			<!-- Список задач внутри этапа -->
			<ul class="list-group" data-bind="
				sortable: { 
					template: 'issueInline', 
					data: issues, 
					afterMove: $root.onDropCallback
				}, 
				css: {
					empty: issues().length == 0
				}
			"></ul>
		</div>
	<!-- /ko -->
</div>
<!-- 3-я колонка -->
<div class="col-sm-4">
	<!-- Детальная информация по задаче -->
	<?php $this->renderPartial('//issue/_details'); ?>
</div>